@charset "utf-8";
/**
 * Created by kroyo on 2018/02/05.
 * common
 */


@import 'mixincommon';
@import 'reset';



a{
    cursor: inherit;
}


.site-header{
    position: relative;
    width: 100%;
    height: r(100px);
    line-height: r(100px);
    background-color: #ffffff;
    .header-logo{
        position: absolute;
        top: r(30px);
        left: r(20px);
        width: r(165px);
        height: r(40px);
        background: url(../../img/common/logo.png) no-repeat center;
        background-size: 100%;
    }
    .header-back{
        position: absolute;
        top: r(32px);
        left: r(30px);
        width: r(20px);
        height: r(36px);
        background: url(../../img/common/icon-left.png) no-repeat center;
        background-size: 100%;
    }
    .header-title{
        width: 100%;
        height: 100%;
        line-height: r(100px);
        font-size: r(36px);
        color: $s3;
        text-align: center;
    }
}





.site-toolbar{
    position: fixed;
    bottom: r(100px);
    right: r(20px);
    z-index: 9;
    .toolbar-btn{
        display: block;
        width: r(100px);
        height: r(100px);
        @include borradius(50%);
        margin-top: r(20px);
        @include box_shadows(0,2px,8px,0,rgba(0,0,0,.2));
    }
    .toolbar-topbtn{
        display: none;
        background: url(../../img/common/icon-top.png) no-repeat center;
        background-size: 52% 28%;
        background-color: #ffffff;
    }
    .toolbar-pdemandbtn{
        font-size: r(28px);
        color: #ffffff;
        background-color: $acolor;
        padding-top: r(12px);
        padding-bottom: r(12px);
        text-align: center;
    }
}




.site-banner{
    position: relative;
    width: 100%;
    height: r(600px);
    overflow: hidden;
    img{
        width: 100%;
    }
    .pagination{
        width: 0;
        height: r(40px);
        position: absolute;
        left: 0;
        right: 0;
        bottom: r(20px) !important;
        margin: 0 auto;
        font-size: 0;
        background-color: rgba(0, 0, 0, 0.3);
        z-index: 3;
        @include borradius(r(20px));
        padding: r(10px);
        text-align: center;
        overflow: hidden;
    }
    .swiper-pagination-bullet{
        width: r(20px);
        height: r(20px);
        @include borradius(50%);
        margin: 0 r(10px) !important;
        background-color: rgba(255,255,255,.5);
        vertical-align: middle;
        opacity: 1;
    }
    .swiper-pagination-bullet-active{
        width: r(40px);
        border: none;
        @include borradius(r(10px));
    }
}




.main-content{
   margin-top: r(20px);
   &>div{
        background-color: $sf;
        padding-left: r(20px);
        padding-right: r(20px);
   }
}